<#include "/template/blog/header.ftl">
	<div class="banner border-top-bottom">
		<ul class="carousel">
			<@shishuo_headline_list_tag>
				<#list tag_headline_list as headline>
					<li class="item" style="background:#212e41 url('${BASE_PATH}/${headline.picture}') center no-repeat;height:250px;"></li>
					<#break />
				</#list>
			</@shishuo_headline_list_tag>
		</ul>
	</div>
	<br />
	<br />
	<#list configList as config>
		<#if config.key=='about_tel'><#assign about_tel=config.value></#if>
		<#if config.key=='about_qq'><#assign about_qq=config.value></#if>
		<#if config.key=='about_name'><#assign about_name=config.value></#if>
		<#if config.key=='about_chuanzhen'><#assign about_chuanzhen=config.value></#if>
		<#if config.key=='about_email'><#assign about_email=config.value></#if>
		<#if config.key=='about_url'><#assign about_url=config.value></#if>
		<#if config.key=='about_addr'><#assign about_addr=config.value></#if>
	</#list>
	<div class="container">
		<h2 class="border-bottom padding-bottom text-main">
			<span class="float-right hidden-l">
				<ul class="bread">
					<li><a href="${BASE_PATH}" class="icon-home"> 首页</a></li>
					<#list pathList as pathFolder>
					<li><a href="${BASE_PATH}/folder/${pathFolder.folderId}.htm">${pathFolder.name}</a></li>
					</#list>
				</ul>
			</span>
			<@shishuo_folder_list_tag folderId=0>
				<#list tag_folder_list as tag_folder>
					<#if newFolder==tag_folder.folderId>
						<span class="icon-caret-right"></span>  ${tag_folder.name}
					</#if>
				</#list>
			</@shishuo_folder_list_tag>
		</h2>
		<br />
		<br />
		<h1 align="center"><span class="icon-phone-square text-blue"></span> 服务热线：${about_tel}</h1>
		<br />
		<div align="center">
			<ul class='qq'>
				<li>
					<a target='_blank' href='http://wpa.qq.com/msgrd?V=3&amp;Uin=${about_qq}&amp;site=${shishuo_seo_title}&amp;menu=yes'>
						<img alt='客服服务' src='http://wpa.qq.com/pa?p=2:117003:41' align='texttop' />
					</a>客服服务
				</li>
			</ul>
		</div>
		<br />
		<hr />
		<br />
		<br />

		<div class="line-big">
			<div class="xs6 xm6">
				<h3 class="padding-bottom border-bottom icon-caret-right"> 在线反馈</h3>
				<br />
				<form id="saveBook" class="form-smalls form-x" method="post" action="${BASE_PATH}/article/add.json">
					<div class="form-group">
						<div class="label">
							<label for="title">称呼</label>
						</div>
						<div class="field">
							<input type="text" class="input inputBook" id="name" name="name" size="30" placeholder="您的称呼" data-validate="required:称呼不能为空" />
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="telephone">电话</label>
						</div>
						<div class="field">
							<input type="text" class="input inputBook" id="tel" name="title" size="30" placeholder="固话或手机" data-validate="tel:电话格式有误，请重写" />
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="email">邮箱</label>
						</div>
						<div class="field">
							<input type="text" class="input inputBook" id="email" name="email" size="30" placeholder="您的邮箱地址" data-validate="required:邮箱不能为空" />
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="detail">内容</label>
						</div>
						<div class="field">
							<textarea class="input inputBook" id="content" name="content" rows="5" placeholder="您的反馈或建议" data-validate="required:内容不能为空"></textarea>
						</div>
					</div>
					<div class="form-button">
						<button class="button bg-main" id="submitBook"> 提交 </button>
					</div>
				</form>
			</div>
			 	<div class="dialog" id="mydialog"  style="display: none;width: 30%;margin-left: auto;  margin-right: auto;position:absoulte;z-index:5555;">
				  <div class="dialog-head">
				    <span class="dialog-close close rotate-hover close_div"></span>
				    <strong>提示消息</strong>
				  </div>
				  <div class="dialog-body">
				    反馈成功
				  </div>
				  <div class="dialog-foot">
				    <button class="button bg-green close_div">确认</button>
				  </div>
				</div>
			<div class="xs6 xm6">
				<h3 class="padding-bottom border-bottom icon-caret-right"> 联络方式</h3>
				<br />
				<p>公司：${about_name}</p>

				<p>电话：${about_tel}</p>

				<p>传真：${about_chuanzhen}</p>

				<p>邮箱：${about_email}</p>

				<p>网址：<a href="http://${about_url}">${about_url}</a>
				</p>

				<p>地址：${about_addr}</p>
			</div>
		</div>

	</div>
	<br />
	<br />
	<script type="text/javascript">
		$("#submitBook").click(function(){
			var nullVal=false;
			$("#saveBook").find(".inputBook").each(function(){
				if($(this).val()==''){
					nullVal=true;
				}
			});
			if(nullVal){return false;}
			if(/^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}?$|15[89]\d{8}?$|170\d{8}?$|147\d{8}?$/.test($("#tel").val()) || /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/.test($("#tel").val())){}else{return false;}
			$('#saveBook').ajaxForm({
				dataType : 'json',
				success : function(data) {
					if (data.result) {
						$("#mydialog").css("display","block");
						$(".inputBook").val("");
					}else{
						$(".dialog-body").text("反馈失败");
						$("#mydialog").css("display","block");	
					}
				}
			});
		});
		
		$(".close_div").click(function(){
			$("#mydialog").css("display","none");	
		});
	</script>

	<br />
	<br />
	<#include "/template/blog/footer.ftl">